<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>message</title>
    <link rel="stylesheet" href="./css/message.css">
</head>

<body>

    <!-- 导航栏 -->
    <div class="page">
        <img src="./images/1.png" alt="11">
        <ul class="nav">
            <li><a href="index.html">首页</a></li>
            <li><a href="juese.html">角色</a></li>
            <li><a href="setting.html">背景故事</a></li>
            <li><a href="message.html">留言板</a></li>
            <li><a href="login.html">登录</a></li>
        </ul>
    </div>
    <div class="container">
        <div class="comment-box">
            <button class="btn-close">关闭留言</button>
            <div class="comment-form">
                <div class="header">留言板</div>
                <div>
                    <input type="text" id="name" placeholder="输入您的姓名">
                </div>
                <div>
                    <textarea name="" id="comment" cols="30" rows="10" placeholder="输入您的留言"></textarea>
                </div>
                <button id="btn-submit">留言</button>
            </div>
            <div>
                <h4 class="header">留言列表</h4>
                <div id="comments">
                    <!-- <hr>
                    <h4>
                        <span>姓名</span>
                        <span class="date">日期</span>
                    </h4>
                    <p>留言内容</p> -->
                </div>
            </div>
        </div>
    </div>
    <script src="./css/message.js"></script>
</body>

</html>